@charset "utf-8";
html { }
*{text-overflow: ellipsis;}
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#666; font-family:"思源黑体 CN","微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }



/*header头部的CSS布局*/

.main_box{width:1200px;margin:0 auto;padding:0;}

.top_box{ height: 50px; line-height: 50px; background: #dd220b;}

.top_box .tb_lt{ float: left;}
.top_box .tb_lt ul{ margin: 0; padding: 0;}
.top_box .tb_lt ul li{ background-position: left center; background-repeat: no-repeat; float: left; margin-right:20px;}
.top_box .tb_lt ul li a{ color:rgba(255,255,255,0.8); padding-left:25px; transition: 0.5s;}
.top_box .tb_lt ul li a:hover{ color:rgba(255,255,255,1); }

.top_box .tb_rt{ float: right;}
.top_box .tb_rt .lan{ width: 50px; float: left; margin-right: 15px;}
.top_box .tb_rt .lan a{ display: block;  background: #fff; color: #dd220b;text-transform: uppercase; font-size: 16px; letter-spacing: 1px; text-align: center; transition: 0.5s;}
.top_box .tb_rt .lan a:hover{ text-decoration: underline;}
.top_box .tb_rt .search{ width: 20px; height: 20px; margin: 16px 0 0; cursor: pointer; float: right;background:url(../images/tb_search.png) no-repeat; position: relative;}
.top_box .tb_rt .search .search_b{width: 280px; position: absolute; z-index: 999; background: #bdbdbd; opacity: 0; visibility:hidden; top: 40px; right:-10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);  transition: 0.5s;}
.top_box .tb_rt .search .search_b .s_lt{ width: 240px; height: 40px; line-height: 36px; float: left;}
.top_box .tb_rt .search .search_b .s_lt input{ width:220px; height: 30px; line-height: 30px; padding: 0 10px; background: #FFF; margin: 3px 5px 0; color: #888; font-size: 14px;}
.top_box .tb_rt .search .search_b .s_rt{ width: 20px; height: 20px; float: left; margin: 0px 0 0 12px;}
.top_box .tb_rt .search:hover .search_b{ opacity: 1;visibility:visible; top: 35px;}


.header{ height:75px; padding: 14px 0;}
.header .logo{ width: 370px; height:79px; overflow: hidden; float: left;}
.header .logo img{ max-width: 100%;}
.header .app_logo{ width:170px; height:50px; padding:0; overflow: hidden; float: left; display: none;}
.header .app_logo img{ max-width: 100%;}

.header .app_en{float: right; display: none; width:34px; height:34px; line-height: 34px; margin-top:8px; border-radius: 100%; background: #999; margin: 10px 5px 0 0;}
.header .app_en a{ display: block; color: #fff; font-size: 12px; line-height: 34px; text-align: center;}


.header .nav1{ width:750px; height: 40px; margin:20px 0 0; float: right;}
.header .nav1 ul{ margin: 0; padding: 0; text-align: center;}
.header .nav1 ul li{ width: 70px; line-height: 45px; height: 45px; float: left; position: relative; margin: 0 18px;}
.header .nav1 ul li a{ font-size: 16px; color: #333; display: block;transition:0.5s;}
.header .nav1 ul li a i{ position: absolute; left: 0; bottom: 0; width:0; height: 2px; background: #dd220b; display: block; transition: 0.5s;}
.header .nav1 ul li a:hover{ width:100%; background:#FFF; color: #dd220b;}
.header .nav1 ul li a:hover i{ width: 100%;}

.header .nav1 ul li ul{position:absolute;z-index:99999;width:90px;top:50px; left:-20px; background-color:rgba(255,255,255,0.98);text-align:left;opacity:0;padding:5px 24px 20px; visibility:hidden;transition:0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1); border-top: 3px solid #dd220b;}
.header .nav1 ul li ul li{width:90px;height:auto;display:block;line-height:26px;float:none;border-bottom:1px dashed rgba(0,0,0,0.15); background: none; padding:7px 0; margin: 0;}
.header .nav1 ul li ul li a{display:block; font-size:14px; color: #666;}
.header .nav1 ul li:hover >ul li a{ color: #666;}
.header .nav1 ul li:hover> ul{opacity:1;visibility:visible;top:42px;}

.header .nav1 ul li ul li> ul{top:-8px;left:100px;}
.header .nav1 ul li ul li:hover> ul{top:-8px;left:114px;}
.header .nav1 ul li ul li a:hover{background-color:transparent; color:#dd220b;}



.header .search{ width: 36px; height: 40px; float: right; margin: 46px 0 0; background: url(../images/search_pic.png) no-repeat center; position: relative;}
.header .search .search_b{width: 280px; position: absolute; z-index: 999; background: #27ac37; opacity: 0; visibility:hidden; top: 59px; right:0;box-shadow: 0 0 10px rgba(0,0,0,0.1);  transition: 0.5s;}
.header .search .search_b .s_lt{ width: 240px; height: 40px; line-height: 36px; float: left;}
.header .search .search_b .s_lt input{ width:220px; height: 30px; line-height: 30px; padding: 0 10px; background: #FFF; margin: 3px 5px 0; color: #888;}
.header .search .search_b .s_rt{ width: 36px; height: 36px; float: left; margin: 2px 0 0;}
.header .search:hover .search_b{ opacity: 1;visibility:visible;}

.banner{ height: auto; overflow:hidden;}
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.banner .swiper-slide img{ max-width: 100%;}
.banner .swiper-container .swiper-slide {height: auto;line-height: auto;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30px;left: 0;width: 100%;}
.banner .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .8
}
.banner .swiper-pagination-bullet-active { opacity: 1; background: #dd220b;}


@media (max-width:1000px){
.top_box{ display: none;}
.main_box{ width:96%; padding:0 2%;}


.header{ height:50px; padding: 10px 0;}	
.logo,.nav1,.h_rt{ display: none;}
.header .app_logo,.header .app_en{ display: block;}	
.header .morenav{ float:right; display:block; background:#dd220b url(../images/app_nav_line.png) no-repeat center; width:34px; height:34px; margin-top:10px; border-radius: 100%;}
.header .navon{height:52px;}

.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}
	
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px;}	
}





.i_title{ height: 60px; line-height: 60px; position: relative; border-bottom: 1px solid #d1d1d1;}
.i_title i{ display: block; width: 60px; height: 5px; position: absolute; left: 0; bottom: -3px; background:#dd220b;}
.i_title font{ font-size: 30px; color: #333;}


.i_title1{ height: 60px; line-height: 60px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.5); text-align: center;}
.i_title1 i{ display: block; width: 60px; height: 5px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -3px; background:#dd220b;}
.i_title1 font{ font-size: 30px; color: #fff;}

.i_more{ width: 132px; height: 40px; border-radius: 5px; background-color: #dd220b; background-repeat: no-repeat; background-position: 88px 11px; background-image: url(../images/more_li.png); transition: 0.5s;}
.i_more a{ display: block; color: #fff; font-size: 14px; line-height: 40px;}
.i_more a font{ padding-left: 25px;}
.i_more:hover{ background-position: 95px 11px; box-shadow: 0 2px 5px rgba(0,0,0,0.25);}





.about_box{ height: auto; overflow: hidden; padding: 40px 0; background:url(../images/a_bg.jpg) repeat;}
.about_box .ab_rt{ width: 588px; float: right;}
.about_box .ab_rt img{ max-width: 100%;}
.about_box .ab_lt{ width: 580px; float: left;}
.about_box .ab_lt .a_desc{ padding: 25px 0; line-height: 30px;}



.product_box{ height: auto; overflow: hidden; padding: 40px 0 30px; background:url(../images/pro_bg.jpg) no-repeat;}

.product_box_pic{ height: auto; overflow: hidden; margin: 30px 0 20px;}

.product_box_pic .swiper-container { width: 100%; height: 100%; padding-bottom:50px;}
.product_box_pic .swiper-slide { font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center; overflow:hidden;}
.product_box_pic .swiper-slide .pic_img{ padding: 25px 30px 15px;  transition: 0.5s;}
.product_box_pic .swiper-slide .pic_img img{ max-width: 100%;transition: 0.5s;display: block;}
.product_box_pic .swiper-slide .pic_img .pic_title{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding-left: 26px;
	background: url(../images/pro_li.png) left 12px no-repeat;
	padding-top: 5px;
/*	white-space: nowrap;*/
	overflow: hidden; clear:both; /*float:left; width:200px;max-width:80%;*/
}
.product_box_pic .swiper-slide font{ background: url(../images/pro_li.png) left center no-repeat; height: 30px; line-height: 30px; font-size: 16px; color: #666; padding-left: 30px; display: block;}

.product_box_pic .swiper-container-horizontal>.swiper-pagination-bullets,.product_box_pic .swiper-pagination-custom,.product_box_pic .swiper-pagination-fraction {bottom: 0;left: 0;width: 100%}
.product_box_pic .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #dd220b;opacity: 1}
.product_box_pic .swiper-pagination-bullet-active{background: #FFF;}

.product_box_pic .swiper-slide .pic_img:hover .pic_title{ text-decoration: underline;}
.product_box_pic .swiper-slide .pic_img:hover img{ opacity: 0.6;}


@media (min-width:1920px){
	.product_box,.banner{ width:1920px; margin:0 auto;}

}


.news_box{ height: auto; overflow: hidden; padding: 40px 0 60px;}

.news_box .n_b_title{ height: 80px; line-height: 80px; overflow: hidden; position: relative; border-bottom: 1px solid #d1d1d1;}
.news_box .n_b_title i{ display: block; width: 60px; height: 5px; position: absolute; left: 0; bottom:0; background:#dd220b;}
.news_box .n_b_title span{ font-size: 30px; color: #333;}

.news_box .n_b_title .n_more{ width: 132px; height: 40px; border-radius: 5px; background-color: #dd220b; background-repeat: no-repeat; background-position: 88px 11px; background-image: url(../images/more_li.png); transition: 0.5s; margin-top: 25px;}
.news_box .n_b_title .n_more a{ display: block; color: #fff; font-size: 14px; line-height: 40px;}
.news_box .n_b_title .n_more a font{ padding-left: 25px;}
.news_box .n_b_title .n_more:hover{ background-position: 95px 11px; box-shadow: 0 2px 5px rgba(0,0,0,0.25);}


.news_box .n_left{ width: 480px; float: left; margin: 35px 0 0; background:url(../images/a_bg.jpg) repeat; padding: 25px 35px; }
.news_box .n_left font{ display: block; line-height: 30px; height: 30px; background: url(../images/pro_li.png) no-repeat 0 6px; color: #888; padding-left: 30px; transition: 0.3s;}
.news_box .n_left span{ display: block; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; padding: 2px 0; transition: 0.3s;}
.news_box .n_left .img{ margin-top: 15px; transition: 0.5s;}
.news_box .n_left .img img{ max-width: 100%;}
.news_box .n_left a{ color: #333;}
.news_box .n_left:hover span{ text-decoration: underline; color: #dd220b;}
.news_box .n_left:hover font{ background: url(../images/pro_li.png) no-repeat 7px 6px;}
.news_box .n_left:hover .img{ opacity: 0.8;}



.news_box .n_right{ width: 600px; float: right; margin: 35px 0 0;}
.news_box .n_right ul{ margin: 0; padding: 0;}
.news_box .n_right ul li{ padding:25px 0; border-bottom: 1px solid #cecece; height: auto; overflow: hidden;}
.news_box .n_right ul li a{ display: block; color: #888; transition: 0.3s;}
.news_box .n_right ul li a font{ display: block; background: url(../images/pro_li.png) no-repeat 0 2px; padding-left: 30px; transition: 0.5s;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_box .n_right ul li a p{ font-size: 18px; color: #666; height: 34px; line-height: 34px; margin-top: 4px;}
.news_box .n_right ul li a span{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_box .n_right ul li a:hover font{background: url(../images/pro_li.png) no-repeat 5px 2px;}
.news_box .n_right ul li a:hover p{ text-decoration: underline; color: #dd220b;}
.news_box .n_right ul li:first-child{ padding-top: 0;}




.hezuo_box{ height: auto; overflow: hidden; padding: 35px 0 25px;background:url(../images/a_bg.jpg) repeat; }


.hezuo_box_pic{ height: auto; padding: 30px 0 0;}

.hezuo_box_pic .swiper-container { width: 100%; height: 100%; padding-top:65px;margin: -60px auto 30px;}
.hezuo_box_pic .swiper-slide { text-align: center; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center;}
.hezuo_box_pic .swiper-slide img{ max-width: 100%; text-align: center;}
.hezuo_box_pic .swiper-container-horizontal>.swiper-pagination-bullets,.hezuo_box_pic .swiper-pagination-custom,.hezuo_box_pic .swiper-pagination-fraction {width: 10%;right: 0!important;left: inherit;top: 0;bottom: inherit;}
.hezuo_box_pic .swiper-pagination-bullet { box-shadow: 0 0 7px rgba(0,0,0,0.2); width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #FFF;opacity: 1;border: 0px solid #fff;}
.hezuo_box_pic .swiper-pagination-bullet-active{background: #dd220b;}
.hezuo_box_pic .swiper-slide:hover{ opacity: 0.6; transition: 0.5s;}


.footer_box{ height: auto; overflow: hidden; padding: 40px 0;background:url(../images/f_bg.jpg) repeat; }

.footer_box .f_title{ height: 50px; line-height: 50px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer_box .f_title i{ display: block; width: 60px; height: 5px; position: absolute; left: 0; bottom: -3px; background:#dd220b;}
.footer_box .f_title font{ font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 1px;}

.footer_box .f_b{ width: 10%; float: left; margin-right: 7%;}
.footer_box .f_b ul{ margin: 0; padding:20px 0 0;}
.footer_box .f_b ul li{ line-height: 26px;}
.footer_box .f_b ul li a{ color: rgba(255,255,255,0.6); transition: 0.5s;}
.footer_box .f_b ul li:hover a{ color: rgba(255,255,255,1);}




.footer_box .f_cb{ width: 30%; float: left;}
.footer_box .f_cb ul{ margin: 0; padding:20px 0 0;}
.footer_box .f_cb ul li{ line-height: 26px;}
.footer_box .f_cb ul li a{ color: rgba(255,255,255,1); transition: 0.5s;}
.footer_box .f_cb ul li:hover a{ color: rgba(255,255,255,0.6);}



.footer{overflow: hidden; height: 30px; line-height: 30px; padding: 10px 0; background: #dd220b;color: rgba(255,255,255,1);}
.footer a{color: rgba(255,255,255,0.5); padding-left: 15px; transition: 0.5s;}
.footer .fl{ background: url(../images/f_icon.png) left center no-repeat; padding-left: 25px;}
.footer a:hover{color: rgba(255,255,255,1); text-decoration: underline;}


/*悬浮*/
.fixed{width:40px;height:auto;position:fixed;right:30px;bottom:50px;z-index:999; display: block;}
.fixed a{display:block; color:#888; margin-bottom:1px;}

.fixed .silder1{width:65px;height:65px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .silder1 .silder1_box{width:140px;position:absolute;right:110px;top:0;opacity:0;transition:.6s;visibility: hidden; background:#1f88c9; padding: 0 10px; height: 65px; line-height: 65px; color:#fff;}
.fixed .silder1:hover .silder1_box{right:65px;opacity:1;z-index:999;visibility:visible;}

.fixed .silder2{width:65px;height:65px;background:url(../images/slide_icon3.jpg) no-repeat;position:relative;}
.fixed .silder2 .silder2_box{position:absolute;right:100px;top:-10px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}

.fixed .silder2 .silder2_box img{display:block;width:155px;}
.fixed .silder2:hover .silder2_box{right:70px;opacity:1;z-index:999;visibility:visible; }

.fixed .scroll{ width:65px; height:65px; cursor:pointer; transition: 0.5s;}
.fixed .scroll:hover{ opacity: 0.2;}




.app_botm{ overflow:hidden; background:#dd220b; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.app_botm ul li a font{ display: block; font-size: 12px;}




.com_ban{ width: 100%; height: 320px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}

.common{ height: auto; overflow: hidden; margin:40px auto;}


.com_left{ width:220px; float:left;}
.com_left .c_lt_title{ height:40px; line-height:40px; font-weight: bold; background:#dd220b;color:#FFF; font-size:24px; padding:15px 0 14px 20px;}
.com_left .c_lt_title1{ height:30px; line-height:30px; font-weight: bold; background:#dd220b;color:#FFF; font-size:20px; padding:15px 0 14px 20px;}
.com_left .com_list{ overflow:hidden; height:auto;}
.com_left .com_list ul{ padding:5px 0 0; margin:0;}
.com_left .com_list ul li{ height:auto; line-height: 30px; overflow: hidden; border-bottom: 1px dashed #dedede; padding:8px 22px 5px; transition: 0.3s; background: url(../images/pro_li1.png) 24px 17px no-repeat;}
.com_left .com_list ul li a{ color: #666; line-height: 24px; font-size: 16px; padding-left: 30px;}
.com_left .com_list ul li a:hover{ color: #dd220b; text-decoration: underline;}
.com_left .com_list ul li:hover{background: url(../images/pro_li1.png) 30px 17px no-repeat;}
.com_left .com_list ul li ul{ margin:0; padding:2px 0 6px;}
.com_left .com_list ul li ul li{ line-height:30px; border-bottom:none; padding:0; background:none; }
.com_left .com_list ul li ul li a{ font-size:13px; color:#888;}
.com_left .com_list ul li ul li:hover{color:#dd220b; background:none; }
.com_left .com_contact{ overflow:hidden; height:auto;background:#f9f9f9; margin: 20px 0 0;}
.com_left .com_contact .com_font{ padding: 20px 22px 18px; line-height: 28px;  font-size: 14px;}
.com_left .com_contact_img{ width: 220px; height: auto; overflow: auto; }

.com_right{ width:935px; float:right;line-height: 30px;}

.com_nav{ overflow:hidden; padding:0 0 10px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:auto; line-height:24px;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:30px;}
.com_nav ul li:last-child a{ color:#666; font-size:18px;}

.com_desc{ height: auto; overflow: hidden; line-height: 30px;}
.com_desc img{ max-width: 100%;}
.com_desc .font{ display: block; font-size: 30px; line-height: 50px; color: #dd220b;}



.com_news_box{ height: auto; overflow: hidden;}
.com_news_box ul{ margin: 0; padding: 0 4px;}
.com_news_box ul li{ padding:25px 0; border-bottom: 1px dashed #cecece; height: auto; overflow: hidden;}
.com_news_box ul li a{ display: block; color: #888; transition: 0.3s;}
.com_news_box ul li a font{ display: block; background: url(../images/pro_li.png) no-repeat 0 6px; padding-left: 30px; transition: 0.5s;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a p{ font-size: 18px; color: #666; height: 34px; line-height: 34px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a span{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a:hover font{background: url(../images/pro_li.png) no-repeat 5px 6px;}
.com_news_box ul li a:hover p{ text-decoration: underline; color: #dd220b;}
.com_news_box ul li:first-child{ padding-top: 0;}



.com_product_box{ height: auto; overflow: hidden;}
.com_product_box ul{ margin:10px 0 0; padding: 0;}
.com_product_box ul li{ width: 210px; border: 1px solid #eaeaea; padding:35px 35px 20px; float: left; margin:0 26px 30px 0;}
.com_product_box ul li a{ display: block; color:#666;}
.com_product_box ul li a .pic_img{transition: 0.5s;}
.com_product_box ul li a .pic_img img{ max-width: 100%;}
.com_product_box ul li a .pic_title{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding-left: 26px;
	background: url(../images/pro_li.png) left 12px no-repeat;
	padding-top: 5px;
	white-space: nowrap;
	overflow: hidden;
}

.com_product_box ul li a:hover .pic_title{ text-decoration: underline; color: #dd220b;}
.com_product_box ul li a:hover .pic_img img{ opacity: 0.6;}





@media (max-width:1000px){
		
.i_title{ height: 50px; line-height: 50px; text-align: center;}
.i_title i{ width: 30px;right:0; margin: 0 auto;}
.i_title font{ font-size:24px;}

.about_box{ padding: 20px 0 30px;}
.about_box .ab_rt{ display: none;}
.about_box .ab_lt{ width: 100%; float: none;}
.about_box .ab_lt .a_desc{ padding: 15px 0;}
	
.i_more{ width: 132px; height:39px; border-radius: 5px; background-color: #dd220b; background-repeat: no-repeat; background-position: 88px 11px; background-image: url(../images/more_li.png); transition: 0.5s; margin: 0 auto;}
.i_more a{ display: block; color: #fff; font-size: 14px; line-height: 40px;}
.i_more a font{ padding-left: 25px;}
.i_more:hover{ background-position: 95px 11px; box-shadow: 0 2px 5px rgba(0,0,0,0.25);}
	
.product_box{ padding: 20px 0 15px;}
.product_box_pic{ margin:15px 0;}	
	
.i_title1{ height: 50px; line-height: 50px;}
.i_title1 i{width: 30px;}
.i_title1 font{ font-size: 24px;}
	
.news_box{ padding: 20px 0 30px;}	
	
	
.news_box .n_b_title{ height: 50px; line-height: 50px; }
.news_box .n_b_title i{width: 30px;}
.news_box .n_b_title span{ font-size: 24px;}
.news_box .n_b_title .n_more{ height: 39px;margin-top: 10px;}
.news_box .n_b_title .n_more a{line-height: 39px;}
	
.news_box .n_left{display: none;}	
.news_box .n_right{ width: 100%; float: none; margin: 15px 0 0;}
.news_box .n_right ul li{ padding:15px 0; border-bottom: 1px solid #ececec;}	
	.news_box .n_right ul li a p{ font-size: 16px;}	
.hezuo_box{ height: auto; overflow: hidden; padding: 20px 0 0;}	
.hezuo_box_pic .swiper-container { width: 100%; height: 100%; padding:0 0 30px;margin:0 auto 30px;}
.hezuo_box_pic .swiper-container-horizontal>.swiper-pagination-bullets,.hezuo_box_pic .swiper-pagination-custom,.hezuo_box_pic .swiper-pagination-fraction {width: 100%;right: 0!important;left: inherit;top: inherit;bottom:0;}	
	
	
.footer_box{ display: none;}	
	
	
.footer{padding:20px 0; text-align: center; height: auto; line-height: 24px; margin-bottom: 50px;background:url(../images/f_bg.jpg) repeat;}
.footer a{ display: block;}
.footer .fl{ padding-left: 0;float: none; background:none;}
.footer .fr{float: none;}
	
.fixed{ display: none;}
.app_botm{ display: block;}
	
	
.com_ban{ display: none;}
.common{margin:0 auto 20px;border-top: 1px solid #d4d4d4; padding-top: 15px;}
.com_left{ display: none;}
.com_right{ width:100%; float:none;line-height: 30px;}
	
.com_desc .font{  font-size: 24px; line-height: 35px;}	
	
.com_news_box ul li{ padding:10px 0;}	
	

.com_product_box ul{ margin:0;}
.com_product_box ul li{ width: 20%; border:none; padding:0; float: left; margin:0 2.5% 30px;}
.com_product_box ul li a .pic_title{ height:20px; line-height:20px; font-size: 14px; text-align: center; padding-left: 0; background:none; padding-top: 5px;}	
	
}


@media (max-width:720px){
.com_product_box ul li{ width: 30%; border:none; padding:0; float: left; margin:0 1.5% 30px;}	
.product_box_pic .swiper-slide .pic_img .pic_title{max-width:60%;
}
}
.hc img{ max-width:100%;}

@media (max-width:600px){
.com_product_box ul li{ width: 45%; border:none; padding:0; float: left; margin:0 2.5% 30px;}	
}
.hc img{ max-width:100%;}
#pages{ clear:both; text-align:center; line-height:28px; padding-top:15px; padding-bottom:15px;}
#pages a{
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #dddddd; display:inline-block;
}
#pages a:hover,#pages a.select{
	color: #FFFFFF;
	background-color: #dd220b;
	border: 1px solid #dd220b;
}

 .his {
	text-align: right;
	clear: both;
	padding-top: 15px; line-height:28px;
}
 .his a{
	display:inline-block;
	padding-left:25px;
	padding-right:25px;
	color: #FFFFFF;
	background-color: #dd220b;
}
.message2 .econtent{
	padding: 10px;
	/*border: 1px solid #ddd; float:left; width:100%;*/
}
.message2 .econtent .item{
	width:48%;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.message2 .econtent .item span{ display:block}
.message2 input{
	border-radius:3px;
	height: 25px;
	width:99%;
	padding-left:0.5%;
	padding-right:0.5%;
	border: 1px solid #ddd;
}
.message2 .econtent .item2,.message2  .tijiao{ width:98%; float:left;	margin-right: 1%;
	margin-left: 1%; }
.message2 textarea{	border: 1px solid #ddd;border-radius:3px; width:99%; height:120px;padding-left:0.5%; padding-right:0.5%; padding-bottom:5px; padding-top:5px;}
.message2  .tijiao{ padding-top:15px;}
.message2  .tijiao button{border-radius:3px;	border:0px solid #ddd;
	background-color:#dd220b;
	font-size: 16px;
	color: #FFFFFF;
	height: 45px;
	width: 100%;
}
